---
title: Images
description: Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them—all via classes.
---

import Fluid from '!!raw-loader!../examples/Image/Fluid';
import Shape from '!!raw-loader!../examples/Image/Shape';

## Shape

Use the `rounded`, `roundedCircle` and `thumbnail` props to customise
the image.

<CodeBlock language="jsx" live>
  {Shape}
</CodeBlock>

## Fluid

Use the `fluid` to scale image nicely to the parent element.

<CodeBlock language="jsx" live>
  {Fluid}
</CodeBlock>

## API

### Image

<PropsTable name="Image" />
